<!DOCTYPE HTML>
<html>
<head>
<title>Trainers</title>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content=">Fit Pro Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />

<link href="css/style.css" rel='stylesheet' type='text/css' />	
<script src="js/jquery.min.js"> </script>

 <link href='http://fonts.useso.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700|Orbitron:400,500,700,900' rel='stylesheet' type='text/css'/>
<script src="js/wow.min.js"></script>
<link href="css/animate.css" rel='stylesheet' type='text/css' />
<script>
	new WOW().init();
</script>
</head>
<body>
	<div class="banner two" id="home">
			<div class="header-bottom">
			 <div class="fixed-header">
				<div class="container" style="margin-top:-15px;">
					<div class="logo">
						<a href="index.html"><img src="images/logo.png" alt=""/></a>
					</div>
					<span class="menu"> </span>
					<div class="top-menu">
					<nav class="navigation">
						<ul class="cl-effect-16" style="margin-top:15px">
							<li><a  href="/index">Home</a></li>
							<li><a class="active"  href="/trainers">TF教练</a></li>
							<li><a href="/events">运动项目</a></li>
							<li><a href="/selectAllQueryCourse?page=1&amp;course_type_id=0&amp;ptype=''">TF详情</a></li>
							<li><a href="/login">登录TF</a></li>
						</ul>
					</nav>		
					</div>

						<script>
						$( "span.menu" ).click(function() {
						  $( ".top-menu" ).slideToggle( "slow", function() {
							// Animation complete.
						  });
						});
					</script>

					<script>
				$(document).ready(function() {
					 var navoffeset=$(".header-bottom").offset().top;
					 $(window).scroll(function(){
						var scrollpos=$(window).scrollTop(); 
						if(scrollpos >=navoffeset){
							$(".header-bottom").addClass("fixed");
						}else{
							$(".header-bottom").removeClass("fixed");
						}
					 });
					 
				});
				</script>
					<div class="clearfix"></div>
				</div>
			 </div>
		</div>
	</div>

		<div class="second-head">
			<div class="container"> 
				<h2><a href="index.html"><h5>Home</h5></a> / TRAINERS</h2>
			 </div>
		</div>

				  <div class="tainers-section">
	 				 <div class="container">

						<div class="col-md-3 tainer wow bounceInLeft" data-wow-delay="0.4s">
						      <h3>TF 教练</h3>
							  <p>欢迎来试听我们的课程，与教练进行交流。</p>
						</div>
						<div class="col-md-9 sreen-gallery-cursual wow bounceInRight" data-wow-delay="0.4s">

						       <div id="owl-demo" class="owl-carousel">
					                <div class="item">
					                	<div class="item-grid">
					                		<div class="item-pic">
					                			<img src="images/t1.jpg" />
					                		</div>
					                	</div>
					                </div>
					                <div class="item">
					                	<div class="item-grid">
					                		<div class="item-pic">
					                			<img src="images/t2.jpg" />
                                               </div>
					                		</div>
					                </div>
					                 <div class="item">
					                	<div class="item-grid">
					                		<div class="item-pic">
					                			<img src="images/t3.jpg" />
                                               </div>
					                		</div>
					                	</div>
					               <div class="item">
					                	<div class="item-grid">
					                		<div class="item-pic">
					                			<img src="images/t1.jpg" />
                                               </div>
					                		</div>
					                	</div>
					                 <div class="item">
					                	<div class="item-grid">
					                		<div class="item-pic">
					                			<img src="images/t2.jpg" />
                                               </div>
					                		</div>
					                	</div>
					                 <div class="item">
					                	<div class="item-grid">
					                		<div class="item-pic">
					                			<img src="images/t3.jpg" />
                                               </div>
					                		</div>
					                	</div>
					               <div class="item">
					                	<div class="item-grid">
					                		<div class="item-pic">
					                			<img src="images/t1.jpg" />
                                               </div>
					                		</div>
					                	</div>
					                 <div class="item">
					                	<div class="item-grid">
					                		<div class="item-pic">
					                			<img src="images/t2.jpg" />
                                               </div>
					                		</div>
					                	</div>
					                	 <div class="item">
					                	<div class="item-grid">
					                		<div class="item-pic">
					                			<img src="images/t3.jpg" />
                                               </div>
					                		</div>
					                	</div>
					                </div>
				              </div>
							  <div class="clearfix"></div>
						<!--sreen gallery cursual-->
					</div>
				</div>

							<link href="css/owl.carousel.css" rel="stylesheet"/>
							    <script src="js/owl.carousel.js"></script>
							        <script>
							    $(document).ready(function() {
							      $("#owl-demo").owlCarousel({
							         items :3,
							        lazyLoad : true,
							        autoPlay : true,
							        navigation :true,
							        navigationText :  false,
							        pagination : false,
							      });
							    });
							    </script>
							 


	<div class="trainee-section">
		<div class="container">
		       <h3>Our Trainees</h3>
			<div class="trainee-grids">
				<div class="col-md-4 trainee-grid wow zoomInLeft animated">
					  <a href="single.html"><img src="images/b1.jpg" class="img-responsive" alt="" /></a>
						 <div class="date">
							 <lable>5</lable>
							 <span>Lucy</span>
						 </div>
					  <a href="single.html"><h4>张女士<h5> 个人简介</h5></h4></a>
					 <p>Lucy教练，毕业于体校后就从事健身教练，有丰富的教学经验。入职TF已经有5年。是一名十分优秀的塑形管理人才</p>
				</div>
				<div class="col-md-4 trainee-grid wow fadeInUpBig animated animated" data-wow-delay="0.4s">
					  <a href="single.html"><img src="images/b2.jpg" class="img-responsive" alt="" /></a>
						<div class="date">
							 <lable>10</lable>
							 <span>CoCo</span>
						 </div>
					  <a href="single.html"><h4>李女士<h5> 个人简介</h5></h4></a>
					 <p>CoCo教练，毕业于体校后就从事健身教练，有丰富的教学经验。入职TF已经有5年。是一名十分优秀的塑形管理人才</p>
				</div>
				<div class="col-md-4 trainee-grid wow zoomInRight animated">
					 <a href="single.html"><img src="images/b3.jpg" class="img-responsive" alt="" /></a>
						 <div class="date">
							 <lable>3</lable>
							 <span>Candy</span>
						</div>
					 <a href="single.html"> <h4>白先生<h5> 个人简介</h5></h4></a>
					 <p>Candy教练，毕业于体校后就从事健身教练，有丰富的教学经验。入职TF已经有5年。是一名十分优秀的塑形管理人才</p>
				</div>
				<div class="clearfix"></div>
		   </div>
		</div>
	</div>

		


			<div class="footer">
			<div class="container">
				<div class="f-grids">
				<div class="col-md-4 footer-grid wow fadeInUpBig animated animated" data-wow-delay="0.4s">
				<h3>线下<span class="opening">健身地点</span></h3>
				  
				    <p class="month">陕西省西安市</p>
				    <br/>
				   <p class="month">各分店地址：</p>
				   <br/>
				  <a href="https://map.baidu.com/?q=西安市未央区西城馨苑3楼" method="post" target="_blank"><h5>西安市未央区西城馨苑3楼</h5></a>
				    <a href="https://map.baidu.com/?q=西安市雁塔区青松路46号" method="post" target="_blank"><h5>西安市雁塔区青松路46号</h5></a>
				    

				    <a href="https://map.baidu.com/?q=西安市莲湖区汉城南路100号华东·万锦城购物中心F5" target="_blank"><h5>莲湖区万锦城购物中心F5</h5></a>
				    <a href="https://map.baidu.com/?q=公园南路和西影路十字向西150米路北盛世芳洲金座大厦2楼" target="_blank"><h5>公园南路十字盛世芳洲金座大厦2楼</h5></a>
				 
				   <a href="https://map.baidu.com/?q=凤城九路与文景路十字向西200米建设银行4楼" method="post" target="_blank"><h5>凤城九路与文景路十字建设银行4楼</h5></a>
				  
				</div>
				<div class="col-md-4 footer-grid wow fadeInUpBig animated animated" data-wow-delay="0.3s">
				    <div class="opening_hours">
						 <ul class="times">
							<h3>开放<span class="opening">时间</span></h3>
							<li><i class="calender"> </i><span class="week">星期一</span><div class="hours">h.6:00-h.24:00</div>  <div class="clearfix"></div></li>
							<li><i class="calender"> </i><span class="week">星期二</span><div class="hours">h.6:00-h.24:00</div>  <div class="clearfix"></div></li>
							<li><i class="calender"> </i><span class="week">星期三</span><div class="hours">h.6:00-h.24:00</div>  <div class="clearfix"></div></li>
							<li><i class="calender"> </i><span class="week">星期四</span><div class="hours">h.6:00-h.24:00</div>  <div class="clearfix"></div></li>
							<li><i class="calender"> </i><span class="week">星期五</span><div class="hours">h.6:00-h.24:00</div>  <div class="clearfix"></div></li>
							<li><i class="calender"> </i><span class="week">星期六</span><div class="hours">h.6:00-h.24:00</div>  <div class="clearfix"></div></li>
							<li><i class="calender"> </i><span class="week">星期天</span><div class="hours">Closed</div>  <div class="clearfix"></div></li>
						 </ul>
					</div>
				</div>
				<div class="col-md-4 footer-grid wow fadeInUpBig animated animated" data-wow-delay="0.2s">
						<h3>联系<span class="opening">方式</span></h3>
					<ul class="address">
						 <li>中天国际大厦A座9层,莲湖区,陕西省西安市</li>
						 <li>029 456 23456</li>
						 <li><a class="mail" href="mailto:info@example.com">tfjianshen@tf.com</a></li>
					</ul>
					<div class="support">
						   <input type="text" class="text" value="Enter email... " onFocus="this.value = '';" onBlur="if (this.value == 'Enter email...') {this.value = 'Enter email...';}"/>
						<input type="submit" value="SUBMIT" class="botton"/>
						     <p>如果您有疑问，可以打电话或发送邮件与我们联系 .</p>
						</div>
				</div>
					<div class="clearfix"></div>
				</div>
				<div class="copy">
						<p>Copyright &copy; 2015.Company name All rights reserved.</p>
		        </div>
			</div>
		</div>
	<!--start smoth scrolling-->
			<script type="text/javascript">
								jQuery(document).ready(function($) {
									$(".scroll").click(function(event){		
										event.preventDefault();
										$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
									});
								});
								</script>
							<!--start-smoth-scrolling-->
						<script type="text/javascript">
									$(document).ready(function() {
										/*
										var defaults = {
								  			containerID: 'toTop', // fading element id
											containerHoverID: 'toTopHover', // fading element hover id
											scrollSpeed: 1200,
											easingType: 'linear' 
								 		};
										*/
										
										$().UItoTop({ easingType: 'easeOutQuart' });
										
									});
								</script>
		<a href="#home" id="toTop" class="scroll" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
</body>
</html>